<script setup>
</script>

<template>
  <ul class="menu">
    <li><router-link to="/demo1">Demo1</router-link></li>
    <li><router-link to="/demo2">Demo2</router-link></li>
  </ul>
  <router-view />
</template>

<style scoped>
/* 菜单栏 */
.menu {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 200px;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.menu li{
    list-style: none;
}
.menu a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
}
.menu a:hover {
    color: #f00;
}

</style>
